//# sourceURL=http://uMapApp/UI/Panel/ListPanel
define([
    "mhjs/mhjs",
    "./FloatPanel"
], function (
    mhjs,
    FloatPanel
) {

    function ListPanel(option) {

        var _this = this;

        _this._list = [];

        _this.ui = _this.ui || {};
        _this.ui.wrap = $('<div class="wrap"></div>');
        _this.ui.scroller = $('<div class="scroller"></div>');

        FloatPanel.call(_this, option);
        _this.addClass("listPanel");

        _this
            .append(_this.ui.wrap
                .append(_this.ui.scroller)
            );

    }

    var _class = ListPanel;
    mhjs.Inherit(_class, FloatPanel);

    Object.defineProperties(_class.prototype, {
        "list": {
            set: function (list) {
                var _this = this;
                _this.list = [];
                $.each(list, function (item) {
                    _this.add(item);
                });
            },
            get: function () {
                return this._list;
            }
        },
        "add" : {
            value: function (item) {
                var _this = this;
                _this.list.push(item);
                _this.ui.scroller.append(item.dom);
            }
        }
    });

    return _class;

});